#chart {
  position: relative;
  border: 1px solid #000;
  width: 500px;
  height: 272px;
  background-image: url(court.png);
  background-position: center;
  overflow: hidden;
}
#chart div {
  position: absolute;
  width: 4px;
  height: 4px;
  opacity: 0.7;
}
.made {
  background-color: green;
}
.missed {
  background-color: red;
}

#attempts {
  position: relative;
  border: 1px solid #000;
  width: 500px;
  height: 272px;
  background-image: url(court.png);
  background-position: center;
}
#makes {
  position: absolute;
  border: 1px solid #000;
  width: 500px;
  height: 272px;
}